extends ../../components/layout
append style
  +css('demo/demo.css')
block title
  title button
block content
  header.demos-header
    h1.demos-title popup
  .demos-content
    .btn.test1 信息弹窗
    .btn.test2 底部弹窗
    .btn.test3 底部弹窗有按钮的
    .btn.test4 底部弹窗有价格和按钮的
    .btn.test5 按钮
    .btn.test6 顶部弹出
append script
  script.
    require(['popup'], function () {
      $(".test1").on("click", function () {
        $.infoPopup({
          title: '标题',
          content: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab aliquid asperiores, atque blanditiis culpa debitis dicta dolorem, eligendi, eos esse et optio pariatur quos reiciendis vero! Ab aut laborum provident?'
        });
      })
      $(".test2").on("click", function () {
        $.popup({
          content: 'Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolorem repudiandae mollitia est aliquam recusandae. Blanditiis molestiae impedit recusandae fugiat veritatis similique pariatur iusto? Voluptatum culpa, explicabo totam labore neque cupiditate?'
        });
      })
      $(".test3").on("click", function () {
        $.popup({
          btn: '按钮'
        });
      })
      $(".test4").on("click", function () {
        $.popup({
          btn: '按钮',
          price: 88900
        });
      })
      $(".test5").on("click", function () {
        $.popup({
          type: 'footbar'
        });
      })
      $(".test6").on("click", function () {
        $.gridPopdown({
          list: [
            {
              tagName: '全部类别',
              url: 'www.baidu.com'
            },{
              tagName: '家用电器',
              url: 'www.baidu.com'
            },{
              tagName: '旅行必备',
              url: 'www.baidu.com'
            },{
              tagName: '家具用品',
              url: 'www.baidu.com'
            },{
              tagName: '景点门票',
              url: 'www.baidu.com'
            }
          ]
        });
      })
    })